<!DOCTYPE html>
<html>
<!--

Copyright (c) 2015 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.

-->
<head>
  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
  <style>
    #first {
      position: absolute;
      width: 100px;
      height: 100px;
      top: 0px;
      left: 0px;
      background-color: green;
      transform: translate3d(0, 0, 0);
    }
  </style>
  <script>
    var xmlhttp = new XMLHttpRequest();

    function openHello() {
      window.location = 'hello.html';
    };

    function xhrOnReadyStateChange() {
      if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        setTimeout(openHello, 100);
      }
    };

    function xhrAndOpenHello(e) {
      xmlhttp.onreadystatechange = xhrOnReadyStateChange;
      xmlhttp.open("GET", 'hello.html' , true);
      xmlhttp.send();

      e.preventDefault();
    };

    function setup() {
      first.ontouchend = xhrAndOpenHello;
    };
  </script>
</head>
<body onload='setup();'>
  <div id='first'>Some text so the document is ready for input.</div>
</body>
</html>
